﻿@{
    ViewBag.Title = "Felhasználók kezelése";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@using ELTE.SEM.Data.ViewModels
@using ELTE.SEM.Data.Managers

@model List<UserViewModel>

@{
    var availableRoles = new UserManager().GetAvailableUserRoles();
    }
<div id="user-list-container">
    <script type="text/javascript" src="/Scripts/Page/Account/UserRoleManagement.js"></script>
    <div id="user-list">
        @if (Model != null && Model.Count > 0)
        {
            <div>
                @Html.ActionLink("felhasználó hozzáadása","SUReg")
            </div>
            //minden egyes modelelemre legeneráljuk a neki megfelelő sort 
            <ul>
                <li>
                    <div id="user-data-header">
                        <div class="float-left">Felhasználónév</div>
                        <div class="float-left">Szerepkör</div>
                    </div>
                </li>
                @foreach (UserViewModel user in Model)
                {
                    <li>
                        <div class="user-data-container">
                            <div class="user-data">
                                <div class="user-data-username">
                                    <a href="#" class="change-link">Módosít</a>
                                    <span class="span-user-name">@user.UserName</span>
                                    <input type="text" class="invisible input-user-name" value="@user.UserName" />
                                </div>
                                <div class="user-data-role">
                                    <div class="user-role-name">@user.Role.RoleName</div>
                                    <a href="#" class="change-link">Módosít</a>
                                    <div class="invisible user-role-change">
                                        <select>
                                            @foreach (var item in availableRoles)
                                            {
                                                <option value="@item.Key">@item.Value</option> 
                                            }
                                        </select>
                                        <button type="button" class="btn-do-change-userrole">Ment</button>
                                    </div>
                                </div>
                                <div class="user-folder-access">
                                    @Html.ActionLink("Könytárhozzáférések", "UserFoldersManagement/"+user.UserId)
                                </div>
                            </div>

                        </div>
                    </li> 
                }
            </ul>
        }
        else
        {
            <div>Nincsenek felhasználók</div>
        }
    </div>
</div>
